@import url(reset.css);

/*---  HTML Elements  ---------------------------------------------------------------------------*/

body{font:11px Tahoma;text-align:center;background:#eee}
a{outline:none}
h1{}
h2{margin:20px 0 10px}
label{display:block;float:left;clear:both;cursor:pointer;margin:7px 0;width:100px;text-align:right}
label.inline{clear:none}
label.auto{width:auto}
input,textarea,select{float:left;margin:5px;width:200px;padding:2px}
input[type=submit]{clear:both;float:right;width:auto}
input[type=button],input[type=checkbox],input[type=radio]{width:auto}
input[type=text],input[type=password]{border:1px solid #CDDFF4}
input[type=text]:focus,input[type=password]:focus{border-color:#ff8000}

/*---  CLASSes  ---------------------------------------------------------------------------------*/

.throbber{display:none;position:fixed;top:0;z-index:9999;padding:5px 5px 5px 20px;background:#fff000 url(/img/throbber.gif) no-repeat 2px center;-moz-border-radius:0 0 5px 5px;}
.shadow{-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}
.shadow-low{-moz-box-shadow:0 0 5px #aaa;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}
.shadow-sw{-moz-box-shadow:1px 1px 5px #777;-webkit-box-shadow:1px 1px 5px #777;box-shadow:1px 1px 5px #777}
.text-shadow{text-shadow:1px 1px 1px #000}
.rounded{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.rounded-low{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

/*---  IDs  -------------------------------------------------------------------------------------*/

#flash-message{background:#e8e471;color:#000;position:fixed;z-index:1000;top:0;left:0;width:100%}
#flash-message .content{padding:10px}
#flash-message.ok .content{background:darkgreen;color:white}
#flash-message.error .content{background:#C91414;color:white}

#main-content{padding:40px 20px;text-align:left}
#login-form{width:320px;margin:0 auto;background:#fff;text-align:left;padding:10px}
#login-form h2{margin-top:0;background:#8b9fbe;padding:5px 10px;color:#fff}

#menu{list-style-type:none;position:absolute;z-index:999;left:0;top:0;background:#B8BCC1 url(/img/menu.png) repeat-x 0 0;width:100%;padding:5px 0;text-align:left}
#menu>li{float:left;margin-left:5px}
#menu .right{float:right;margin:0 5px 0 0}
#menu a{display:block;color:#000;text-decoration:none;padding:2px 6px}
#menu .sub>a{background-image:url(/img/submenu.gif);background-repeat:no-repeat;background-position:120px center}
#menu a:hover,#menu li.opened>a{background-color:#ddd;color:#000;text-shadow:none}
#menu li{position:relative}
#menu ul{position:absolute;top:22px;display:none;list-style-type:none;background-color:#ccc;color:#000;width:150px;border:1px solid #aaa;padding:5px}
#menu>li>ul{position:absolute;display:none;left:0}
#menu>li>ul li{padding-left:20px; background-repeat:no-repeat;background-position:2px center}
#menu>li>ul li{height:24px}
#menu>li>ul a{height:20px;line-height:20px;-moz-border-radius:2px}
#menu>li>ul li ul{position:absolute;display:none;left:150px;top:0px}